<script setup lang="ts"></script>

<template>
  <div class="filter-result">
    <div class="scroll-container">
      <slot />
    </div>
  </div>
</template>

<style scoped>
.filter-result {
  padding: 16px;
  border: 1px solid #d0d0d0;
  border-radius: 8px;

  .scroll-container {
    overflow-y: auto;
    max-height: 240px;
    padding-right: 12px;
  }
}
.scroll-container::-webkit-scrollbar {
  width: 8px;
}

.scroll-container::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(122, 145, 254, 0.8) 0%, rgba(40, 74, 249, 0.8) 100%);
  border-radius: 20px;
}

.scroll-container::-webkit-scrollbar-track {
  border-radius: 20px;
  background: #cecece;
}
</style>
